<template>
  <div style="border:3px solid blue">
    <!-- 第一种方式使用path，v-bind的对象形式动态绑定data中的值！url="/third?userid=12" -->
    <router-link :to="{path:'/three?userid='+userid}">三级路由页面展示</router-link> |
    <router-link :to="{path:'/three',query:{userid:userid}}">三级路由页面展示</router-link> |
    <!-- 第二种方式使用name属性，v-bind的对象形式动态绑定data中的值！url="/third?userid=12"
      $route.params.uid 则可以取出userid的值！ -->
    <router-link :to="{name:'Three',query:{userid:userid}}">三级路由页面展示</router-link> |
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'two',
  created() {
    //传过来的8888被接收到了
    console.log(this.$route)
    this.userid = this.$route.params.userid
  },
}
</script>

<style>
</style>